/*
 * @Author: Ancient-Ares 
 * @Date: 2021-06-09 21:28:12 
 * @Last Modified by: Ancient-Ares
 * @Last Modified time: 2021-06-18 14:24:28
 */
 
//浅色主题
$light: (
  base-color: #4771DC,
  link-default-color: #24292f,
  background-color: #fff,
  );

//深色主题
$dark: (
  base-color: #fff, 
  link-default-color: #999,
  background-color: #282C34,
  );

//定义映射集合
$themes: (light: $light, dark: $dark);

//字体颜色
@mixin base-color() {
  @each $theme-name,
  $theme in $themes {
    [data-theme='#{$theme-name}'] & {
      color: map-get($map: $theme, $key: base-color);
    }
  }
}

//背景色
@mixin base-background() {
  @each $theme-name,
  $theme in $themes {
    [data-theme='#{$theme-name}'] & {
      background: map-get($map: $theme, $key: background-color);
    }
  }
}

//链接默认色
@mixin link-default-color() {
  @each $theme-name,
  $theme in $themes {
    [data-theme='#{$theme-name}'] & {
      color: map-get($map: $theme, $key: link-default-color);
    }
  }
}


$base-width: 1200px;
$font-size: 16px;
$base-color: #4771DC;
$base-color-hover: #314f99;
$base-color-important: #FC703E;
$base-color-danger: #E75B5A;
$text-color: #24292F;


// js 控制变色
// window.document.documentElement.setAttribute('data-theme', 'light');


